<html>

<head>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width;minimum-scale=1;maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript" src="track-slide.js"></script>
</head>

<body>
    <div class="drop"></div>
    <script type="text/javascript">
    let s = null;

    $(function() {

        s = new trackSlide({ wrap: '.drop', track: '.track', slide: '.slide' });
        s.on('move',function(position,e,el){
          // console.log(position,e,el);
          console.log(position);
        });

        console.log(s);


    });

    </script>
</body>

</html>